<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>样式标签</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .bord{
            border: 1px dashed #ee2602;
            width: 90%;
            margin: 20px auto;
        }
        .title{
            font-size: 20px;
            font-weight: bold;
            margin: 20px;
        }
        .introduce{
            font-size: 16px;
            margin: 0 0 20px 50px;
        }
        .red{
            color: red;
        }
    </style>
</head>
<body>
<div class="bord">
    <div class="title">样式标签</div>
    <div class="introduce">
        b标签：字体加粗<br/>
        strong标签：加强加重<br/>
        i标签：斜体<br/>
        em标签：强调，跟斜体差不多<br/>
        u标签：下划线<br/>
        big标签：变大<br/>
        small：变小<br/>
        center标签：居中<br/>
        del标签：删除线<br/>
        sub标签：下标<br/>
        sup标签：上标<br/>
        dl dt dd 组合标签：一级组合标签，二级组合标签，三级组合标签<br/>
        fieldset标签：分组标签.legend:组标题
    </div>
</div>
<div class="bord">
    <div class="title">演示效果</div>
    <div class="introduce">
        <p><b>我一直会在最后的地方等你</b></p>
        <p><strong>我一直会在最后的地方等你</strong></p>
        <p><i>我一直会在最后的地方等你</i></p>
        <p><em>我一直会在最后的地方等你</em></p>
        <p><u>我一直会在最后的地方等你</u></p>
        <p><big>我一直会在最后的地方等你</big></p>
        <p><small>我一直会在最后的地方等你</small></p>
        <p><center>我一直会在最后的地方等你</center></p>
        <p><del>我一直会在最后的地方等你</del></p>
        <p>我一直会在最后的地方等你<sub>dxm</sub></p>
        <p>我一直会在最后的地方等你<sup>dxm</sup></p>
        <p>
        <dl>
            <dt>中国</dt>
            <dd>北京</dd>
            <dd>上海</dd>
            <dt>美国</dt>
            <dd>纽约</dd>
        </dl>
        </p>
        <p><fieldset>
        <legend>dxm</legend>
        1.我一直会在最后的地方等你<br/>
        2.我一直会在最后的地方等你<br/>
        3.我一直会在最后的地方等你<br/>
    </fieldset></p>

    </div>
</div>
<div class="bord">
    <div class="title">代码</div>
    <div class="introduce">介绍内容</div>
</div>
</body>
</html>